<template>
	<view class="parent">
		<view class="child">居中</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.parent {
	    position: relative;
		width: 100px;
		height: 100px;
	}
	 
	.child {
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -50px;     /* 自身 height 的一半 */
	    margin-left: -50px;    /* 自身 width 的一半 */
	}
</style>
